<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>BDCI</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <link href="<?php echo base_url("application/views"); ?>/css/reset.css" rel="stylesheet">
        <style>
            *{margin:0 auto; padding:0px;}
            body{background: url("<?php echo base_url("application/views"); ?>/img/main.gif") top left #EEEEEE;font-family: arial;}
            .container{ margin:0 auto; width:960px;}

            .esq {
                float:left;
                width: 197px;
                background:#ccc;
                margin-right:10px;
            }

            .menu {
                padding-top: 35px;
                margin-bottom: 30px;
            }
            .menu ul {
                font-size: 13px;
            }
            .menu li {
                padding-bottom: 8px;
            }
            .menu li a {
                display: block;
                line-height: 16px;
                padding: 8px 12px 8px 12px;
                background: #F32E3E;
                color: #FFFFFF;
                text-decoration: none;
                font-weight: bold;
            }
            .menu li.active a {
                background: url('<?php echo base_url("application/views"); ?>/img/menu_button_active.png') top left no-repeat;
                color: #333333;
            }

            .dir{

                width:740px;
                padding:5px;
                float:right;
                background:#F5F5F5;
            }

            form {
                width: 100%;
            }
            table.style1 {
                border: 5px solid #DDDDDD;
                text-align: center;
                font-size:12px;
            }
            table.style1 thead th {
                padding-top: 2px;
            }
            table a:hover {
                color: #00A5C4;
                text-decoration: underline;
            }

            table.style1 th {
                background: #DDDDDD;
                border-bottom: 1px solid #FFFFFF;
                line-height: 22px;
                padding: 4px 6px 4px 6px;
                color: #333333;
                white-space: nowrap;
                text-align: left;
            }
            .datatable thead th.sorting {
                cursor: pointer;
                padding-right: 25px;
            }

            table.style1 td {
                background: url('<?php echo base_url("application/views"); ?>/img/bck_white_75.png');
                border-bottom: 1px solid #DDDDDD;
                line-height: 22px;
                padding: 4px 6px 4px 6px;
            }
            table.style1 tr:hover {
                background: url('<?php echo base_url("application/views"); ?>/img/bck_black_10.png');
            }
        </style>

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="<?php echo base_url("application/views"); ?>/js/html5shiv.js"></script>
        <![endif]-->

    </head>

    <body>
        <div class="container">
            <div class="row-fluid">
                <div class="topo">
                    <a href="index.php"><img src="<?php echo base_url("application/views"); ?>/img/logo.png" /></a>
                </div>
            </div>



            <div class="conteudo">
                <div class="esq">
                    <div class="menu">
                        <ul>
                            <?php foreach ($niveis AS $nivel): ?>
                                <?php if ($access >= $nivel->nivel_acesso): ?>
                                    <li>
                                        <a href="#" style="padding-left: 18px;"><?php echo $nivel->nivel_descricao; ?></a>
                                    </li>
                                    <li class="active">
                                        <ul style="display: block;">
                                            <?php foreach ($setores AS $setor): ?>
                                                <li>
                                                    <a href="<?php echo base_url('index.php/setor/exibir'); ?>/<?php echo $setor->id; ?>"><?php echo $setor->setor_descricao; ?></a>
                                                </li>
                                            <?php endforeach; ?>
                                            <li >
                                                <a href="<?php echo base_url('index.php/setor/novoSetor'); ?>/<?php echo $nivel->id; ?>" id="plus"><img src="<?php echo base_url('application/views'); ?>/img/setor.png" /> Novo Setor</a>
                                            </li>
                                        </ul>
                                    </li>
                                <?php endif; ?>
                            <?php endforeach; ?>
                            <li>
                                <a href="<?php echo base_url('index.php/nivel/novoNivel'); ?>/" id="plus"><img src="<?php echo base_url('application/views'); ?>/img/plus.png" /> Novo Nivel</a>
                            </li>
                        </ul>
                    </div>

                </div>


                <div class="dir">

                    <table class="style1 datatable">
                        <thead>
                            <tr>
                                <th class="bSortable sorting_disabled" rowspan="1" colspan="1" style="width: 20px;">ID</th>
                                <th  rowspan="1" colspan="1" style="width: 130px;">Empregado</th>
                                <th  rowspan="1" colspan="1" style="width: 95px;">Locação</th>
                                <th  rowspan="1" colspan="1" style="width: 95px;">Competência</th>
                                <th  rowspan="1" colspan="1" style="width: 30px;">Meta</th>
                                <th  rowspan="1" colspan="1" style="width: 50px;">Moeada</th>
                                <th  rowspan="1" colspan="1" style="width: 55px;">Inicio</th>
                                <th  rowspan="1" colspan="1" style="width: 55px;">Fim</th>
                                <th  rowspan="1" colspan="1" style="width: 50px;">Saldo</th>
                            </tr>
                        </thead>

                        <tbody><tr class="odd">
                                <td class=" sorting_1"><input type="checkbox" class="checkbox"></td>
                                <td>Lorem ipsum dolor</td>
                                <td>John</td>
                                <td></td>
                                <td>6</td>
                                <td>333</td>
                                <td>5/6/2013</td>
                                <td>5/6/2013</td>
                                <td>222<td>
                            </tr>

                            <tr class="even">
                                <td class=" sorting_1"><input type="checkbox" class="checkbox"></td>
                                <td>Dignissim enim</td>
                                <td>Admin</td>
                                <td>vendas</td>
                                <td>60</td>
                                <td>333</td>
                                <td>5/6/2013</td>
                                <td>5/6/2013</td>
                                <td>222<td>
                            </tr>

                            <tr class="odd">
                                <td class=" sorting_1"><input type="checkbox" class="checkbox"></td>
                                <td>Maecenas velit</td>
                                <td>Admin</td>
                                <td>vendas</td>
                                <td>60</td>
                                <td>333</td>
                                <td>5/6/2013</td>
                                <td>5/6/2013</td>
                                <td>222<td>
                            </tr>


                            <tr class="even">
                                <td class=" sorting_1"><input type="checkbox" class="checkbox"></td>
                                <td>Maecenas velit</td>
                                <td>Admin</td>
                                <td>vendas</td>
                                <td>20</td>
                                <td>333</td>
                                <td>5/6/2013</td>
                                <td>5/6/2013</td>
                                <td>222<td>
                            </tr>


                            <tr class="odd">
                                <td class=" sorting_1"><input type="checkbox" class="checkbox"></td>
                                <td>Maecenas velit</td>
                                <td>Admin</td>
                                <td>vendas</td>
                                <td>20</td>
                                <td>333</td>
                                <td>5/6/2013</td>
                                <td>5/6/2013</td>
                                <td>222<td>
                            </tr></tbody></table>

                </div><!-- Dir -->
            </div>
        </div>
    </body>
</html>